.el-gantt{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.el-gantt-head{
	height: 61px;
	line-height: 61px;
	display: flex;
	overflow: hidden;
}
.el-gantt-head .el-gantt-head-title{
	padding-left: 10px;
	font-size: 18px;
	font-weight: 400;
	color: #222222;
	font-weight: bold;
}
.el-gantt-head .el-input__inner {
	height: 36px;
	line-height: 36px;
}
.el-gantt-head .el-gantt-tool{
	display: flex;
	margin-right: 10px;
}
.el-gantt-head .el-gantt-mode{
	margin-left: 14px;
	font-size: 14px;
	font-weight: 400;
	color: #8C8C8C;
	cursor: pointer;
}
.el-gantt-head .el-gantt-mode.active{
	color: #0052D9;
}
.el-gantt .el-gantt-head .el-gantt-head-title,
.el-gantt .el-gantt-body,
.el-gantt .el-gantt-body .el-gantt-right,
.el-gantt .el-gantt-body .el-gantt-content{
	flex: 1;
}
.el-gantt-body{
	display: flex;
	border: 1px solid #F1F1F1;
	border-radius: 3px;
	overflow: hidden;
	box-sizing: border-box;
}
.el-gantt-body .el-gantt-left,
.el-gantt-body .el-gantt-right{
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.el-gantt-right{
	border-left: 1px solid #F1F1F1;
}
.el-gantt-body .el-gantt-top{
	height: 82px;
	overflow: hidden;
	display: flex;
}
.el-gantt .el-gantt-body .el-gantt-content{
	border-top: 1px solid #F1F1F1;
	position: relative;
	overflow: hidden;
}

.el-gantt-body .el-gantt-left .el-gantt-title{
	display: flex;
	text-align: center;
}
.el-gantt-body .el-gantt-left .el-gantt-title>div{
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-size: 16px;
	font-weight: 400;
	color: #222222;
	border-right: 1px solid #F1F1F1;
	background-color: #F9F9F9;
}
.el-gantt-body .el-gantt-left .el-gantt-title>div:last-child{
	border-right: none;
}

.el-gantt-body .el-gantt-left .el-gantt-column{
	display: flex;
}
.el-gantt-body .el-gantt-left .el-gantt-column .el-gantt-lable{
	display: flex;
	justify-content: center;
	flex-direction: column;
	word-break: break-all;
	border-right: 1px solid #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
	box-sizing: border-box;
	padding: 10px;
}
.el-gantt-body .el-gantt-left .el-gantt-column .el-gantt-lable>*{
	overflow: hidden;
}
.el-gantt-body .el-gantt-left .el-gantt-column .el-gantt-lable.last-lable:last-child{
	border-right: none;
}
.el-gantt-body .el-gantt-right .el-gantt-content{
	border-top: 1px solid #F1F1F1;
	background-size: 62px 41px;
	background-image: linear-gradient(to left, #F1F1F1 1px, transparent 1px), linear-gradient(to top, #F1F1F1 1px, transparent 1px);
}
.el-gantt-body .el-gantt-right .el-gantt-top,
.el-gantt-body .el-gantt-right .el-gantt-year,
.el-gantt-body .el-gantt-right .el-gantt-day-list{
	display: flex;
}
.el-gantt-body .el-gantt-right .el-gantt-year{
	flex-direction: column;
	text-align: center;
	border-left: 1px solid #F1F1F1;
	line-height: 39px;
	box-sizing: border-box;
}
.el-gantt-body .el-gantt-right .el-gantt-year:first-child{
	border-left: none;
}
.el-gantt-body .el-gantt-right .el-gantt-year .el-gantt-day-list{
	border-top: 1px solid #F1F1F1;
	box-sizing: border-box;
}
.el-gantt-body .el-gantt-right .el-gantt-year .el-gantt-day-list .el-gantt-day{
	border-left: 1px solid #F1F1F1;
	box-sizing: border-box;
}
.el-gantt-body .el-gantt-right .el-gantt-year .el-gantt-day-list .el-gantt-day:first-child{
	border-left: none;
}
.el-gantt-body .el-gantt-right .el-gantt-year>div{
	flex: 1;
	font-size: 16px;
	font-weight: 500;
	color: #222222;
}
.el-gantt-body .el-gantt-right .el-gantt-day{
	flex: 1;
	height: 41px;
	line-height: 40px;
	width: 62px;
}
.el-gantt-right .el-gantt-content .el-gantt-column-day{
	position: relative;
}
.el-gantt-right .el-gantt-content .el-gantt-column-day .dateItem{
	position: absolute;
	background-color: #0052D9;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}
.el-gantt-right .el-gantt-content .el-gantt-column-day .dateItem:hover{
	opacity: 0.8;
}
.el-gantt .el-gantt-scroll{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	overflow: hidden;
}
.el-gantt .el-gantt-scrollX{
	height: 10px;
	width: 100%;
	overflow-x: auto;
}
.el-gantt .el-gantt-scrollY{
	width: 10px;
	height: 100%;
	overflow-y: auto;
}
.el-gantt-scroll::-webkit-scrollbar {
	width: 7px; 
	height: 7px;
}

.el-gantt-scroll::-webkit-scrollbar-thumb {
	border-radius: 4px;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.16);;
	background: #F9F9F9;
}